<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>百顺通云-详情</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/cloudmarket.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/yunbgsw.css">
    <link type="text/css" rel="stylesheet" href="/css/dialog.css" />
    <!-- 树节点插件 -->
 	<link href="/cdn/zTree_v3/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">   
    
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src = "/js/dialog.min.js"></script>
	<script type="text/javascript" src = "/js/bstdialog.min.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
    <script type="text/javascript" src="/js/dropbox.js"></script>
    <script type="text/javascript" src="/js/mineDateCalculate.js"></script>
	<script type="text/javascript" src="/js/minePriceCalculate.js"></script>
	<script type="text/javascript" src="/js/ajaxDataFormat.js"></script>
    <script type="text/javascript" src="/js/feeCalculate.js"></script>
    <script type="text/javascript" src="/js/user/mall/cloudmarket.js"></script>
</head>

<body onload="changePrice('${goodsVo.feeFormula}',${goodsVo.feeBasenum},${goodsVo.goodsPrice})">
<input type="hidden" id="requestURI" value="${requestURI}"/>
<input type="hidden" name="loginUserRoleId" id="loginUserRoleId" value="${userInfo.roleId}">
<input type="hidden" name="pageNum" id="pageNum" value="1">
<input type="hidden" name="shoppingCartId" value="0">
<!--套餐页面内容开始-->
<div class="Wrapper">
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
  	<!---------------------------------内容部分------------------------------------>
  	<div class="content">
  		<!---------------------------------左侧------------------------------------>
   	  	<div class="main-l fl">
        	<!--左侧列表-->
			<jsp:include page="tree_ul.jsp"/>
            <!--左侧列表结束-->
            
            <jsp:include page="../common/left.jsp"/>
      	</div>
    	<!---------------------------------左侧结束------------------------------------>
    	<!---------------------------------右侧------------------------------------>
    	<div class="main-r fr">
        	<!---------------------------------轮播------------------------------------>
            <jsp:include page="../common/img_turn.jsp"/>
            <!---------------------------------轮播结束------------------------------------>
            <!--右侧商品部分开始-->
				<div class="cp_content">
					<div class="cp_imgcon cle">
						<div class="cpimg_box">
							<div class="cpimg_mok"><a href="#"><img src="${goodsVo.goodsImgUrl}" width="258" height="198" /></a></div>
						</div>
						<div class="right_textcon">
							<dl>
								<dt>${goodsVo.goodsName}</dt>
								<dd><b>行业：</b>${goodsVo.industryName}&nbsp;&nbsp;&nbsp;&nbsp;<b>报价：</b>${goodsVo.goodsPrice}  ${goodsVo.goodsPriceUnitName}</dd>
								<dd>${goodsVo.goodsBrief}</dd>
								<dd><b>软件开发商：</b>${goodsVo.goodsDeveloper}</dd>
								<dd>
									<div class="fl">版本编号：${goodsVo.goodsVersion}</div>
									<div class="fl">
			
										<label for="select2" class="dropbox_user">用户数量：</label>
										<select id="userNum" onchange="changePrice('${goodsVo.feeFormula}',${goodsVo.feeBasenum},${goodsVo.goodsPrice})">
											<c:forEach begin="${goodsVo.usersMin}" end="${goodsVo.usersMax}" step="10" varStatus="status">
			                              		<option value="${status.index}">${status.index}用户</option>
			                                </c:forEach>
										</select>
			
									</div>
									<div class="cl"></div>
								</dd>
								<dd>
									<c:choose>
										<c:when test="${isHaveYear == 1 }">
											<div class="fl">
												<label for="select2" class="dropbox_time">购买年限：</label>
												<select id="useYear" onchange="changePrice('${goodsVo.feeFormula}',${goodsVo.feeBasenum},${goodsVo.goodsPrice})">
													<c:forEach begin="${goodsVo.yearsMin}" end="${goodsVo.yearsMax}" step="1" varStatus="status">
					                              		<option value="${status.index}">
					                              			<c:choose>
						                              			<c:when test="${status.index == 0}">
						                              				免费试用
						                              			</c:when>
						                              			<c:otherwise>
						                              				${status.index}年
						                              			</c:otherwise>
					                              			</c:choose>
					                              		</option>
					                                </c:forEach>
												</select>
											</div>
										</c:when>
										<c:otherwise>
											<input type="hidden" id="useYear" value="0"/>
										</c:otherwise>
									</c:choose>
									<%-- <div class="fl">
										<label for="select2" class="dropbox_time">购买年限：</label>
										<select id="useYear" onchange="changePrice('${goodsVo.feeFormula}',${goodsVo.feeBasenum},${goodsVo.goodsPrice})">
											<c:forEach begin="${goodsVo.yearsMin}" end="${goodsVo.yearsMax}" step="1" varStatus="status">
			                              		<option value="${status.index}">
			                              			<c:choose>
				                              			<c:when test="${status.index == 0}">
				                              				免费试用
				                              			</c:when>
				                              			<c:otherwise>
				                              				${status.index}年
				                              			</c:otherwise>
			                              			</c:choose>
			                              		</option>
			                              		<option value="${status.index}">${status.index}年</option>
			                                </c:forEach>
										</select>
									</div> --%>
									<div class="fl">价    格：<font class="red">￥<span id="price">0.00</span></font></div>
									<div class="cl"></div>
								</dd>
							</dl>
							<div class="buy_btn">
								<div class="buy_now fl"><a href="javascript:void(0)" onclick="buynow('${goodsVo.goodsId}')" class="buy">立即购买</a></div>
								<div class="cart_join fl ml20"><a href="javascript:void(0)" onclick="addcart('${goodsVo.goodsId}')" class="shopping_cart">加入购物车</a></div>
							</div>
						</div>
					</div>
					<div class="intro_pro">
						<div class="tab_wrapper">
							<div class="title_bar">
								<ul class="tabs" id="myTab2">
									<li class="active" onclick="nTabs(this,0);"><a href="#tab1">功能概述</a></li>
									<li class="sta" onclick="nTabs(this,1);"><a href="#tab2">功能介绍</a></li>
									<li class="sta" onclick="nTabs(this,2);"><a href="#tab3">产品优点</a></li>
									<li class="sta" onclick="nTabs(this,3);"><a href="#tab4">收费标准</a></li>
									<li class="sta" onclick="nTabs(this,4);"><a href="#tab5">下载中心</a></li>
								</ul>
							</div>
							<div class="tab_container">
								<div id="myTab2_Content0" class="tab_content tubiao" style="display:block;">${goodsVo.goodsSummarize}</div>
								<div id="myTab2_Content1" class="tab_content" style="display:none;">${goodsVo.goodsFunction}</div>
								<div id="myTab2_Content2" class="tab_content" style="display:none;"> ${goodsVo.goodsSpecialtyBrief}</div>
								<div id="myTab2_Content3" class="tab_content" style="display:none;"> ${goodsVo.goodsFeeScale}</div>
								<div id="myTab2_Content4" class="tab_content" style="display:none;"> ${goodsVo.uploadCenter}</div>
							</div>
						</div>
					</div>
				</div>
            	</div>
            <!--右侧应用产品部分结束-->
      		</div>
	    	<!---------------------------------右侧结束------------------------------------>
	        <div class="cl"></div>
	  	</div>
	  	<!---------------------------------内容部分结束------------------------------------>
	  	<!---------------------------------footer------------------------------------>
	  	<jsp:include page="../common/footer.jsp"/>
	  	<!---------------------------------footer结束------------------------------------>  
</body>
</html>
